
.banner{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner .bg img{
    display: block;
    width: 100%;
    height: auto;
}
.banner .dot{
   position: absolute;
   left: 50%;
   margin-left: -80px;
   bottom: 40px;
}
.banner .dot span{
    display: block;
    float: left;
    width: 8px;
    height: 8px;
    background-color: #fff;
    margin: 0 8px;
    border-radius: 50%;
    border: 3px solid transparent;
    background-clip: content-box;
}
.banner .dot span:hover{
    border-color: #fff;
    background-color:#668aca ;
}
.project{
    /* padding-top: 120px; */
    height: 550px;
}
.c{
    width: 1200px;
    margin: 0 auto;
    /* background-color: aqua; */
    margin-top: 120px;
}
.title{
    height: 53px;
    
}
.title .title-c{
    height: 30px;
	font-family: PingFangSC-Regular;
	font-size: 30px;
	font-weight: normal;
	color: #767676;
}
.title .title-e{
    height: 12px;
	font-family: PingFangSC-Ultralight;
	font-size: 12px;
	font-weight: normal; 
	color: #767676;
    padding-top: 6px;
}
.title .line{
    overflow: hidden;
}
.title .line .line-l {
    width: 60px;
    height: 1px;
    background-color: #767676;
    float: left;
    padding-top: 6px;
    background-clip: content-box;
}
.title .line .line-r{
    width: 300px;
    height: 1px;
    background-color: #767676;
    float: right;
    padding-top: 6px;
    background-clip: content-box;
} 






/* 子导航css */
.project ul{
    overflow: hidden;
    width: fit-content;
    margin: 0 auto;
}
.project li{
    float: left;
    width: 100px;
    height: 30px;
    text-align: center;
    padding-top: 45px;
}
.project .line1{
    width:12px;
    height: 1px;
    background-color: #668aca;
    margin: 6px auto 0;
    opacity: 0;
}
.project li:hover .line1{
    opacity: 1;
}
.project .item-line{
    display: block;
    width: 1px;
    height: 8px;
    background-color: #b5b5b5;
    float: left;
    margin-top: 52px;
}

.project .nav-item li:hover .item{
    font-size: 16px;
    color: #668aca;
}





/* 项目图片文字区 */



.project .project-picture{
   padding-top: 54px;
   /* position: relative; */
}
.project-picture .pp-box{
    display:block;
    float: left;
    width: 360px;
    height: 270px;
    margin-right: 60px;
    overflow: hidden;
    position: relative;
   
}
.project-picture .pp-box img{
    display: block;
    width: 360px;
    height: 180px;
}
.project-picture .mgr0{
    margin-right: 0;
}
.project-picture .pp-box .city{
    font-size: 14px;
    line-height: 14px;
	letter-spacing: 0px;
	color: #767676;
    margin-top: 28px;
    margin-left: 50px;
}
.project-picture .pp-box .text{
    font-size: 12px;
    line-height: 12px;
	letter-spacing: 0px;
	color: #767676;
    margin-top: 7px;
    margin-left: 50px;
}
.project-picture .pp-box .btn img{
    display:block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 50px;
    top: 210px;
}






/* 项目图片蒙版区 */

.project-picture .pp-box .mask{
    width: 360px;
	height: 270px;
	background-color: rgba(0,0 , 0, .5);
	border-radius: 8px;
	opacity: 0;
    color: #fff;
    overflow: hidden;
    position: relative;
    position: absolute;
    left: 0;
    top: 0;
}

.project-picture .mask .ms-city{
    
    font-size: 14px;
	font-weight: normal;
    margin: 54px 0 0 50px;

}
.project-picture .mask .ms-desc{
    font-size: 12px;
    margin-left: 50px;
    line-height: 20px;
}
.project-picture .mask .ms-btn{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 50px;
    bottom: 60px;

}



/* hover蒙版展示 */

.project-picture .pp-box:hover .mask{
    opacity: 1;
}
.project-picture .pp-box:hover  .img1{
    width: 100%;
    height: 100%;
}




/* 产品中心 */


/* .product{ */

/* } */
.product .product-main{
    width: 1025px;
    height: 114px;
    margin: 50px 88px 0 87px;
    /* background-color: aqua; */
    overflow: hidden;
}
.product .product-main .main-bed{
    width: 164px;
    height: 86px;
    float: left;
    padding-right: 51px;
    position: relative;
}
.product .product-main .mgr0{
    padding-right: 0 ;
}
.product .product-main img{
    display: block;
    width: 124px;
    height: 66px;
    margin: 10px auto 10px;
}
.product .product-main p{
    
    font-size: 16px;
    text-align: center;
    
}
.product .product-main .main-line{
    display: block;
    width: 14px;
    height: 1px;
    background-color: #668aca;
    margin: 5px 0 0 74px;
    opacity: 0;
    
}
.product .product-main .main-bed .bed-mask{
    width: 164px;
    height: 86px;
    background: #688aca;
    position: absolute;
    right: 51px;
    top: 0;
    opacity: 0;
}
.product .product-main .mgr0 .bed-mask{
    position: absolute;
    right: 0;
    top: 0;
}
.product .product-main .main-bed:hover .bed-mask{
    opacity: .7;
}
.product .product-main .main-bed:hover .main-line{
    opacity: 1;
}
.product .main-bed:hover p{
    color: #688aca;
}


/* 产品尾部床品展示 */




.footer1{
    margin-top: 110px;
    overflow: hidden;
    margin-bottom: 60px;
}
.footer1 .card{
    width: 360px;
    height: 380px;
    float: left;
    margin-right: 60px;
    /* color: #767676; */
    position: relative;
}
.footer1 .mgr0{
    margin-right: 0;
}
.footer1 .card img{
    display: block;
    width: 360px;
    height: 320px;
    margin: 20px auto 0;
}
.footer1 .card .en1{
    font-size: 16px;
    line-height: 16px;
    margin-left: 92px;
}
.footer1 .card .ch1{
    font-size: 14px;
    line-height: 14px;
    margin: 8px 0 0 92px;
}
.footer1 .card .card-mask{
    width: 360px;
    height: 320px;
    border-radius: 8px;
    background-color: rgba(0,0 , 0, .5);
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    opacity: 0;
}
.footer1 .card .card-mask .num{
    font-size: 30px;
    line-height: 30px;
    margin-top: 131px;
    margin-left: 84px;
}
.footer1 .card .card-mask .line2{
    width: 80px;
    height: 1px;
    background-color: #fff;
}
.footer1 .card .card-mask .en{
    font-size: 16px;
    margin-left: 80px;
    margin-top: 16px;
}
.footer1 .card .card-mask .ch{
    font-size: 14px;
    margin-left: 80px;
    margin-top: 10px;
}
.footer1 .card:hover .card-mask{
    opacity: 1;

}
.footer1 .card:hover .en1{
    opacity: 0;
}
.footer1 .card:hover .ch1{
    opacity: 0;
}





/* 服务范围 */
.service-bg{
    background: url(../img/img/services.jpg) no-repeat center;
    background-size: cover;
   padding: 0.1px 0px;
   margin-top: 60px;
}
/* .service .service-bg img{
    display: block;
    
    width: 100%;
    height: auto;
    margin-top: 60px;
} */
.service-foot{
    width: 1200px;
    height: 400px;
    color: #fff;
    margin: 150px auto 150px;
    position: relative;
}
.service-foot .service-en{
    font-size: 30px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 36px;
    /* position: absolute;
    left: 0;
    top: -543px; */
   

}
.service-foot .service-text{
    font-size: 14px;
    
    line-height: 26px;
    /* position: absolute;
    left: 0;
    top: -485px; */

}
.service-foot .big-service-box{
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
}
.service-foot .service-box{
    float: right;
    width: 250px;
    height: 150px;
    overflow: hidden;
    /* position: absolute;
    right: 0;
    top: -300px; */
    /* background-color: rosybrown; */
    border: 1px solid #f8f8f8;
    
}
.service-foot .service-box .ser-line{
    display: block;
    width: 30px;
    height: 1px;
    background-color: #f8f8f8;
    margin: 0 auto;

}
.service-foot .service-box .ser-title{
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    margin: 47px 0 13px;
}

.service-foot .service-box .ser-en{
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    margin-top: 13px;
}



/* 新闻板块 */



.news-bigbox{
    width: 1200px;
    height: 570px;
    margin-top: 60px;
    overflow: hidden;
}
.box-left{
    float: left;
    
}
.box-right{
    float: right;
}
.sbox-left{
    float: left;
}
.sbox-right{
    float: right;
}
.news-bigbox img{
    display: block;
}
.news-bigbox .box-top{
    position: relative;
    margin-bottom: 30px;
    /* overflow: hidden; */
}
.news-mask{
    position: absolute;
    bottom: 0;
    width: 570px;
	height: 90px;
	background-color:rgba(0,0 , 0, .5);
	/* opacity: 0.5; */
    overflow: hidden;
    opacity: 0;
}
.mgl50{
    margin:11px 0px 0px 50px;
}
.news-mask .mask-title{
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    margin-bottom: 11px;
}
.news-mask .mask-text{
    font-size: 12px;
    color: #fff;
    line-height: 22px;
}
.news-btn{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 50px;
    bottom: 12px;
}
.box-top:hover .news-mask{
    opacity: 1;
}





/* 关于简设 */





.about-box{
    margin:60px 0 200px 0;
    width: 1200px;
    overflow: hidden;
}
.about-box .about-l{
    float: left;
}
.about-box .about-r{
    float: right;
    width: 672px;
    height: 300px;
    /* background-color: rosybrown; */
}
/* .about-r{ */

/* } */
.about-r .r-text{
    font-size: 14px;
    color: #767676;
    line-height: 14px;
    margin: 34px 0;
}
.about-r .r-text p{
    margin-bottom: 10px;
}
.mgb0{
    margin-bottom: 0px !important;
}





/* 尾部代码 */





.footer{
    width: 100%;
    height: 262px;
    background-color: #f7f7f7;
}
.footer .footer-c{
    width: 1200px;
    height: 262px;
    overflow: hidden;
    margin: 100px auto 0;
}
.footer .footer-c .ft-left{
    width: 125px;
    float: left;
    margin-left: 131px;
}
.footer .footer-c .ft-center{
    width: 305px;
    float: left;
    margin-left: 131px;
    padding-left: 61px;
    border-left: #e9e9e9 solid 1px;
}
.footer .footer-c .ft-right{
    width: 234px;
    float: left;
    margin-left: 131px;
    padding-left: 61px;
    border-left: #e9e9e9 solid 1px;
}
.footer .footer-c .ft-text{
    font-size: 14px;
    color: #767676;
    margin-bottom: 14px;
}
.footer .footer-c .ft-logo{
    margin-top: -4px;
   
}

   